<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bian_wz.css" />
	<!--<script src="js/bian_wz.js"></script>-->
	<link rel="stylesheet" type="text/css" href="css/bian_wz_xz.css" />
	<link rel="stylesheet" href="css/foundation-datepicker.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="js/base.js"></script>
	<script src="js/paging.js"></script>
	<script src="js/wangEditor.js"></script>
	<link rel="stylesheet" href="css/input_tags.css"/>
	<script src="js/input_tags.js"></script>
	<link rel="stylesheet" href="css/zeroModal.css"/>
	<link rel="stylesheet" href="css/bootstrap-select.css"/>
	<link rel="stylesheet" href="css/bootstrap.css"/>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-select.js"></script>
	<script src="js/zeroModal.min.js"></script>
	<script src="js/jquery.tagsinput-revisited.js"></script>
	<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/jquery-ui-1.11.0.css">
	<link rel="stylesheet" href="css/jquery.tagsinput-revisited.css" />
	<script src="http://www.jq22.com/jquery/jquery-ui-1.11.0.js"></script>
	<title>客户端用户管理</title>
	<style>
		.mzsm{
			font-weight: bold;
		}
		.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
			.box-big2  li:nth-child(3){
                     display:-webkit-box;
                     -webkit-box-orient: vertical;
                     -webkit-line-clamp:4;
                     overflow:hidden;
			}
			.li-big2 {
				line-height: 35px!important;
				width:3.3%!important;
			}
			.table{
            margin-top:20px;
            border-collapse:collapse;
            width:1600px;
			font-size:14px;

        }
        .table td{
            border:1px solid #ccc;
            text-align: center;
            vertical-align: middle;
        }
		.table tbody tr{
			height:40px;
		}
        .table thead{
            background:#0073A9;
            color:#fff;
        }
        .table thead td{
            height: 40px;
        }
		.t_box{
			font-size:14px;
			font-weight: bold;
		}
		.tagsinput{
			margin-left:25px;
		}
		.arc_lb{
			margin-left:27px;
		}
		.inner .text{
			border:none!important;
		}
		.open{
			width:300px!important;
		}
		.dropdown-menu{
            z-index:99999999!important;
			background:#fff!important;
		}
		.select_zt{
			position: relative;
			top:-27px;
			left:67px;
		}
		.yfbsj{
			width:300px!important;
		}
		#demo-2{
			font-weight: normal!important;
		}
		.lb{
			width:300px;
		}
		.wz_text{
			margin-left:32px;
			width:175px!important;
		}
		.wz{
			width:300px!important;
		}
	</style>
	</head>

	<body>
		<div class="warpper">
			<!--第二层大盒子-->
			<div class="warpper-box">
				<!--导航部分-->
				<div class="tab">
					<ul class="box-nav">
						<li class="xz">新增</li>
						<li class="xg">修改</li>
						<li class="sc arc_sc">删除</li>
						<li class="zd arc_zd">置顶</li>
						<li class="qxzd arc_zdqx">取消置顶</li>
						<li class="tjsm arc_addm">添加免责声明</li>
						<li class="scsm arc_addmqx">删除免责声明</li>
						<li class="tj arc_tj">推荐</li>
						<li class="qxtj arc_qxtj">取消推荐</li>
					</ul>

				</div>
				<div class="shouye">
					<!--输入选择部分-->
					<div class="in-kuang">
						<input type="hidden" class="wz_id">
						<span class="in-wzmc">
						文章名称：<input type="text" class="wz_name arc_name" />
					</span>
						<span class="in-wzzt" style="width:100px;padding:0">
						文章状态：<select class="arc_sele"  style="width:100px;padding:0;font-weight: normal">
							<option value="">请选择</option>
							<option value="0">新建</option>
							<option value="1">已修改</option>
							<option value="2">待审核</option>
							<option value="3">待发布</option>
							<option value="4">已发布</option>
							<option value="10">已忽略</option>
							<option value="-1">审核失败</option>
							<option value="-1">撤销发布</option>
						</select>
					</span>
						<span class="in-ztid">
						专题: <select style="padding:0;font-weight: normal" name="" id="" class="zq_se atc_ztid">
							<option value="">请选择</option>
						</select>
					</span>
					<!-- <span class="in-ztmc">
						专题名称：<input type="text" />
					</span> -->
					<!-- <span class="in-ztzt">
						专题状态：<select><option></option></select>
					</span> -->
						<span class="in-pd">
						频道：<select class="arc_pd" style="padding:0;width:100px;font-weight: normal">
							<option value="">请选择</option>
						</select>
					</span>
						<span class="in-ss">
						<button class="arc_sou">搜索</button>
					</span>
					</div>
					<!--底部表格部分-->
					<!-- <ul class="box-big">
						<li class="li-big">选择</li>
						<li class="li-big">ID</li>
						<li class="li-big">标题</li>
						<li class="li-big">文章状态</li>
						<li class="li-big">专题ID</li>
						<li class="li-big">专题标题</li>
						<li class="li-big">专题状态</li>
						<li class="li-big">频道</li>
						<li class="li-big">类别</li>
						<li class="li-big">置顶</li>
						<li class="li-big">推荐</li>
						<li class="li-big">手动添加</li>
						<li class="li-big">免责声明</li>
						<li class="li-big">点击数</li>
						<li class="li-big">收藏数</li>
						<li class="li-big">转发数</li>
						<li class="li-big">评论数</li>
						<li class="li-big">热度</li>
						<li class="li-big">创建者</li>
						<li class="li-big">创建时间</li>
						<li class="li-big">修改时间</li>
						<li class="li-big">审核时间</li>
						<li class="li-big">发布时间</li>
						<li class="li-big">文章来源</li>
						<li class="li-big">作者</li>
						<li class="li-big">原发布时间</li>
						<li class="li-big">操作</li>
					</ul>
					<div class="arc_list">
	
					</div> -->
					<div>
						<table class="table">
							<thead>
								<tr>
									<td >选择</td>
									<td> ID</td>
									<td> 标题</td>
									<td >文章状态</td>
									<td >专题ID</td>
									<td >专题标题</td>
									<td >专题状态</td>
									<td >频道</td>
									<td >类别</td>
									<td >置顶</td>
									<td >推荐</td>
									<td >手动添加</td>
									<td >免责声明</td>
									<td >点击数</td>
									<td >收藏数</td>
									<td >转发数</td>
									<td >评论数</td>
									<td >热度</td>
									<td >创建者</td>
									<td >创建时间</td>
									<td >修改时间</td>
									<td >审核时间</td>
									<td >发布时间</td>
									<td >文章来源</td>
									<td >作者</td>
									<td >原发布时间</td>
									<td >操作</td>
								</tr>
							</thead>
							 <tbody class="arc_list">

							 </tbody>
						</table>
					</div>
					<!-- 分页 -->
					<div class="page_fen">
						<div value="1 0"></div>
						<div id="page" class="page_div"></div>
					</div>
					
				</div>
				<!--首页-->
				<!--新增-->

				<div class="tab-box">
					<div class="tbox-header">
						<span class="tbox-wzmc">
		            		文章名称：<input type="text" class="wz_name1" />
		            	</span>
						<span class="tbox-zd">
		            		<input type="checkbox" class="arc_top"/>置顶
		            	</span>
					</div>
						<div style="padding:5px 0;overflow: hidden;">
							<div style="float:left;font-size:14px;font-weight:bold">封面:</div>
							<div style="float:left;margin-left:37px;background:#f3f3f3;width: 160px;height: 160px;position: relative;">
							
								<input type="file" id="file" class="file" style="display:none" accept="image/png,image/jpeg,image/gif" />
								<label for="file" class="label tu">
									<img src="./img/tupian.png" class="img0">
								</label>
							</div>
						</div>
					<div class="in-tbox">
						<div class="o_box"  style="width:60%;">
							
							<span class="ztid" style="position:relative;top:7px;">专题：<select id="lunch" class="selectpicker select_zt" data-live-search="true" title="请选择专题">
							</select></span>
							<span class="pd" style="display:none">频道：
								<select style="padding:0;margin-left:42px" name="" id="" class="arc_pindao">
							
								</select>
							</span>
						</div>
						<div class="t_box">
											
						</div>
						<div class="t_box">
							标签：
								<input id="form-tags-4"  name="tags-4" type="text" value="" class="add_biaoq">
							
						</div>
						<div class="s_box" style="margin:10px 0">
							<span class="ly">来源：<input type="text" class="text2 ly_text"/></span>
							<span class="wz">网址：<input type="text" class="text2 wz_text" /></span>
						</div>
						<div class="f_box">
							<span class="zze">作者：<input type="text" class="text2 zj_text"/></span>
							<span class="lb">类别：
								<input type="text" class="text2  "style="display:none" />
								<select style="padding:0 22px;" name="" id="" class="arc_lb">
								</select>
								</span>
						</div>
						<div class="fi_box">
							<span class="mzsm"><input type="checkbox" class="chb mz_checkbox"/>&nbsp;添加添加免责声明</span>
							<span class="yfbsj">原发布时间：<input  id="demo-2" type="text" class="text4 fbs_text"/></span>
						</div>
						<div class="show_tHimg" style="overflow:hidden;margin-top:20px">
							<!-- <div style="float:left;background:#f3f3f3;width: 160px;height: 160px;position: relative;">
								<a  class="label " href="./img/tupian.png">
									<img src="./img/tupian.png" class="img0" >
								</a>
							</div> -->
							
						</div>
					</div>
					<div class="zw-cj">
						<div id="editor"></div>
					</div>
					<div class="tbox-footer">
						<button class="btn2 btn_title_chuang">创建</button>
						<button class="btn2 btn_xiugai" >修改</button>
						<button class="btn3">取消</button>
					</div>
				</div>
				<!--新增-->
			</div>
		</div>
	</body>


	<script src="js/bian_wz.js"></script>
	<script>
	  var E = window.wangEditor
		var editor = new E('#editor')
		// 或者 var editor = new E( document.getElementById('editor') );
		console.log(baseNews + '/oss/upload/img');
		editor.customConfig.uploadFileName = 'file';
		editor.customConfig.uploadImgServer = baseNews + '/oss/upload/img';
		editor.create();
	</script>
	<script src="js/foundation-datepicker.js"></script>
	<script>
		$('#demo-2').fdatepicker({
				format: 'yyyy-mm-dd hh:ii',
				pickTime: true
			});
	</script>
</html>